.banner {
    position: relative;
    height: 486px;
    background: #8000ff url("../images/loginbg.png") no-repeat left;
}
.box {
    position: absolute;
    top: 90px;
    left: 700px;
    height: 362px;
    width: 380px;
    background-color: #ffffff;
    /* text-align: center; */
}
.box a:hover {
    color: #c81623 !important;
}
.box a {
    display: block;
}
.box h4 {
    font-size: 18px;
    font-weight: 400;
}
.box .le {
    float: left;
    color: #999999;
    margin: 20px 0 0 40px;
}
.box .fr {
    float: right;
    color: red;
    margin: 20px 40px 0 0;
}
.gong {
    height: 26px;
    width: 300px;
    background-color: #fefeed;
    border: 1px solid #f4f1cd;
    margin: 70px 0 0 30px;
}
.gong p {
    line-height: 26px;
}
.user
 {
    height: 35px;
    width: 298px;
    border: 1px solid #3da4e1;
    background-color: #ffffff;
    margin: 17px 2px -52px 31px;
    line-height: 35px;
}

.user::before {
    content: "\e6f5";
    font-family: "iconfont";
    background-color: #cfcece;
    font-size: 34px;
}
.password {
    height: 36px;
    width: 298px;
    border: 1px solid #3da4e1;
    background-color: #ffffff;
    margin: 66px 2px -52px 31px;
    line-height: 35px;
}
.password::before {
    content: "\e6fb";
    font-family: "iconfont";
    background-color: #cfcece;
    font-size: 34px;
}
.password::after {
    content: "请输入密码";
    font-family: "微软雅黑";
    font-size: 16px;
    vertical-align: top;
    padding-left: 10px;
}
.zuo {
    float: left;
    color: #999999;
    margin: 71px -80px 3px 32px ;
}
.you {
    float: right;
    color: #333;
    margin: 68px 59px;
}
.dr::after {
    position: absolute;
    top: 255px;
    left: 30px;
    display: block;
    content: "登入";
    height: 39px;
    width: 298px;
    background-color: red;
    text-align: center;
    line-height: 39px;
    font-size: 18px;
    color: #ffffff;
}
.icon {
    height: 34px;
    width: 34px;
}
.icon1::before {
    float: right;
    content: "\eb9b";
    font-family: "iconfont";
    font-size: 30px;
    margin: 159px 148px -199px 0;
}
.icon2:nth-child(2)::after {
    float: right;
    content: "\e63d";
    font-family: "iconfont";
    font-size: 30px;
    margin: 156px 99px -199px 0;
}
.icon3:nth-child(3)::after {
    float: right;
    content: "\e60a";
    font-family: "iconfont";
    font-size: 30px;
    margin: 156px -80px -199px 0;
}
.icon4:nth-child(4)::after {
    float: right;
    content: "\e659";
    font-family: "iconfont";
    font-size: 30px;
    margin: 160px -128px -179px 10px;
}
.copyright  {
    text-align: center;
}
.copyright div {
    
    margin-top: 30px;
}
.copyright a {
    padding: 0 3px;
}
.copyright p {
    padding-top: 10px;
    line-height: 21px;
}